Skip to content

[OGUI-1906] Notification pauses on hover and allows copying - #3513

Open
isaachilly wants to merge 14 commits into
improv/FRM/OGUI-1934/Centralise-clipboard-behaviourfrom
improv/FRM/OGUI-1906/Notification-hover-and-copy
Open

isaachilly wants to merge 14 commits into
improv/FRM/OGUI-1934/Centralise-clipboard-behaviourfrom
improv/FRM/OGUI-1906/Notification-hover-and-copy

Conversation

@isaachilly

@isaachilly isaachilly commented Jun 16, 2026 •

Copy link
Copy Markdown
Collaborator

I have JIRA issue created

  • branch and/or PR name(s) includes JIRA ID
  • issue has "Fix version" assigned
  • issue "Status" is set to "In review"
  • PR labels are selected
  • FLP integration tests were ran successful

Ticket:

As a user, I would like to be able to stop notifications from closing when I'm still reading/understanding them.

On a similar note being able to copy the message is useful too.

Code:

Adds an integrated copy button to the notification element.
Adds timer and state logic for copy button.
Refactors notification class to be more readable.
Adds more comprehensive copy button tests.

Reviewer:

To test the new look the reviewer can create a notification with notification.show('Notification Text', 'danger', 5000). Remember to use local Web-UI version.

@isaachilly isaachilly self-assigned this Jun 16, 2026
@isaachilly
isaachilly requested a review from graduta as a code owner June 16, 2026 13:41
@isaachilly
isaachilly marked this pull request as draft June 16, 2026 14:33
@isaachilly
isaachilly force-pushed the improv/FRM/OGUI-1906/Notification-hover-and-copy branch from 69be414 to 800d1b6 Compare October 21, 2026 15:12
@isaachilly
isaachilly changed the base branch from dev to improv/FRM/OGUI-1934/Centralise-clipboard-behaviour October 21, 2026 15:29
@isaachilly
isaachilly added this pull request to stack #3696 October 22, 2026 13:03
describe('View', function() {
before('mount view', async () => {
await page.evaluate(() => {
notificationModel = new Notification();
@isaachilly
isaachilly force-pushed the improv/FRM/OGUI-1906/Notification-hover-and-copy branch from cbc4d50 to 1c2452c Compare October 22, 2026 14:16
Notifications now pause auto-hide while hovered, so users have time to read longer or normal message at their leisure.

Added a copy-to-clipboard button inside the notification, flush with the right edge, that copies the message and displays a new "Text copied to clipboard" notification when clicked.
Adds tests for pause-on-hover and copy functionality.

Adjusts queryRouter cllass test so that `window.notification` isn't being overwritten making notification class less simple to test,
Copy state now lives within the copy button through use of different icons and notification model attributes.

Adjust tests to the functionality.

Restructure tests to be one describe with 2 child blocks.
Extract clearTimeouts() and startHideTimer() helpers to remove duplicated timer logic. hide() now also resets the hovered flag.

Copy now uses the shared copyToClipboard utility, so it falls back to 'failed' when the clipboard is unavailable. The copy-state reset delay is configurable via copyDuration.
@isaachilly
isaachilly force-pushed the improv/FRM/OGUI-1906/Notification-hover-and-copy branch from 27104dc to 8f3dd3a Compare October 22, 2026 14:52
@isaachilly
isaachilly marked this pull request as ready for review October 22, 2026 15:27

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

2 participants